<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* CSS Document */

/* banner */

.banner{width:100%; margin:0 auto; position:relative; height:600px; z-index:1;}

.fullSlide{width:100%;position:relative;height:100%;background:transparent}

.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{height:100%;}

.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat}

.fullSlide .bd li a{display:block;height:100%}

/*.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}

.fullSlide .hd ul{text-align:center;margin-bottom:20px}

.fullSlide .hd ul li{background:#000;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}

.fullSlide .hd ul .on{background:#000;}*/

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}



/*search*/

.search-box{ width:100%; 

	height:50px;

	background:#cccccc;

}

.search-box2{ width:1180px; 

	height:30px; 

	margin:0 auto;

	padding-top:10px;

}

.search-L{ width:700px; 

	height:30px; 

	line-height:30px; 

	float:left; 

	overflow:hidden;

}

.search-L a{ margin-right:10px;}

.search-R{ width:272px; 

	height:30px;  

	float:right;

	border:1px solid #4c4c4c;

	border-radius:300px;

	background:#fff;

}

.search-R1{ width:210px; 

	height:28px;

	float:left;

}

.search2{ width:210px; 

	padding-left:10px; 

	background:none; 

	color:#909090; 

	line-height:28px;

	height:28px;

}

.search3{padding:5px 8px 0 0;}

.search3 input{ width:20px; 

	height:20px; 

	background:url(../images/search.jpg) no-repeat center; 

	float:right;

	cursor:pointer;

	border:medium none;

}







/*cententbox*/

.cententbox{width:100%; margin:40px auto; overflow:hidden;}

.boxes{width:1180px; overflow:hidden; margin:0 auto;}





/*合作伙伴*/

.hbbox{height:140px; margin:0 auto;}

.hb_bt{background:url(../images/hb_bt_bj.jpg) no-repeat center; width:220px; height:140px; float:left; text-align:center; line-height:35px;}

.hb_bt a{color:#fff; text-transform:uppercase;}

.hb_bt h3{padding-top:20px;}

.hb_bt h3 b{font-size:30px;}

.hb_bt span a{font-size:16px;}

.hb{width:940px; height:140px; overflow:hidden; float:right;}

/* 连续滑动门开始 */

.gd_01{ position:relative; height:200px; width:960px;}

.gd_01 em{

	position: absolute;

	top: 0;

}

.gd_01 .t_l{ right:20px;top: 0;}

.gd_01 .t_r{ right:20px; top:50px;}

.gd_01 #simgs{}

.gd_01 li{float:left; width:200px; padding: 0 16px 0 0; text-align:center;}

.gd_01 li.last{ padding-right:0;}

.gd_01 li img{ display:block; width:198px; height:108px;border:1px solid #999999;}

.gd_01 li a{ color:#000000; line-height:30px; width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.gd_01 .fl { float:left;}

.gd_01 .fr { float:right;}

.gd_01 .pa{ position:absolute;}

.gd_01 .pr{ position:relative}

.gd_01 li img:hover{border:1px solid #ce000c;}





/*product*/

.probox{width:100%; overflow:hidden; margin:40px auto;}

.bt{width:100%; background:url(../images/bt_bj.jpg) no-repeat center; height:90px; overflow:hidden; text-align:center; text-transform:uppercase;}

.bt h2 a,.bt h3 a{font-size:28px; line-height:40px;}

.bt h2 p,.bt h3 p{font-size:22px; color:#808080; line-height:30px;}

.bt span a:hover,.gd_01 li a:hover{color:#ce000c;}



.flbox{margin:30px auto;}

.flbox dl{width:294px; float:left; border-right:1px solid #cccccc; height:145px;}

.flbox .last_fl{border-right:none;}

.flbox dl dt a{width:230px; height:45px; display:block; line-height:45px; text-align:center; margin:0 auto; margin-bottom:10px; border:1px solid #b2b2b2; font-size:18px; letter-spacing:1px; font-weight:bold;}

.flbox dl dt a:hover{background:#ce000c; border:1px solid #ce000c; color:#fff;}

.flbox dl dd{width:90px; float:left; background:url(../images/fl.jpg) no-repeat left center; line-height:30px; padding-left:15px; margin-left:35px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.flbox dl dd:hover{background:url(../images/fl_hover.jpg) no-repeat center left;}



/*滑动门*/

#tab{width:100%;position:relative;}

#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; background:url(../images/pro_bt.jpg) repeat-x bottom; height:38px;}

#tab .tab_menu li{float:left;

	width:140px;

	height:35px;

	line-height:35px;

	border-bottom:0px;

	cursor:pointer;

	font-size:20px;

	text-align:center;

	margin:0 2px 0 0;

	font-weight:bold;

}

#tab .tab_menu li a{color:#000;}

#tab .tab_box{width:100%;

	overflow:hidden;

	clear:both;

	position:relative;

	height:520px;

	padding-top:20px;

}

#tab .tab_menu .selected a{display:block; border-bottom:3px solid #ce000c; color:#ce000c;cursor:pointer;}

.more{float:right; font-size:14px; z-index:99; position:relative; line-height:40px;}

.more a{color:#000;}

.more a:hover{color:#ce000c; text-decoration:underline;}

#tab .hide{display:none;}



#tab .tab_box ul{width:1220px; overflow:hidden;}

#tab .tab_box ul li{width:265px; height:250px; overflow:hidden; float:left; margin-right:40px; margin-bottom:20px;}

#tab .tab_box ul li img{width:255px; height:210px; border:1px solid #a5a5a5; padding:4px;}

#tab .tab_box ul li a{line-height:30px; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center;}







/*优势*/

.ysbox{width:100%; overflow:hidden;}

.ys_bt{width:100%; background:url(../images/ys_bt.jpg) no-repeat bottom center;}

.ys_bt_bt{height:140px;position:relative;}

.ys_bt_bt h3{font-size:46px; text-align:center; line-height:90px; letter-spacing:2px;}

.ys_bt_bt h3 a{color:#000;}

.ys_bt_bt h3 i{font-size:120px; color:#ce000c; padding:0 15px 0 8px;}

.ys_bt_bt span{display:block; width:160px; height:30px; line-height:30px; position:absolute; left:394px; top:110px; font-size:20px; color:#fff; text-align:center;}



.ys_nr{background:url(../images/ys_bj.jpg) no-repeat center; height:860px; overflow:hidden; position:relative;}

.ys_bg1{position:absolute; top:30px; right:132px;}

.ys_bg2{position:absolute; top:471px; left:130px;}

.ys_nr ul li{width:490px; overflow:hidden;}

.ys_nr ul li h3{font-size:24px; color:#ce000c; line-height:20px; padding:29px 0 0 95px; height:24px;}

.ys_1 h3{background:url(../images/ys_1.jpg) no-repeat left center;}

.ys_2 h3{background:url(../images/ys_2.jpg) no-repeat left center;}

.ys_3 h3{background:url(../images/ys_3.jpg) no-repeat left center;}

.ys_4 h3{background:url(../images/ys_4.jpg) no-repeat left center;}

.ys_nr ul li p{font-size:16px; line-height:26px; padding-top:15px;}

.ys_1{position:absolute; top:80px; left:0;}

.ys_2{position:absolute; top:250px; left:0;}

.ys_3{position:absolute; top:500px; right:0;}

.ys_4{position:absolute; top:680px; right:0;}





/*x_banner*/

.x_bannerbox{width:100%; height:180px; background:url(../images/x_banner.jpg) no-repeat center; overflow:hidden;}

.x_txt{float:left; margin:40px 0 0 20px;}

.x_txt p{font-size:36px; line-height:45px; font-weight:bold; margin-bottom:20px;}

.x_txt p b{font-size:48px; color:#ce000c;}

.x_txt ul li{float:left; background:url(../images/x_txt.jpg) no-repeat left center; line-height:30px; font-size:18px; padding:0 30px;}



.zx{margin:20px 20px 0 0; width:330px; height:140px;float:right;}

.zx p{background:url(../images/zx.png) no-repeat left center; height:70px; overflow:hidden; padding-left:85px; font-size:18px; line-height:35px;}

.zx p b{font-size:30px; color:#000;}

.zx a{background:#ce000c; display:block; width:130px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:20px; letter-spacing:2px; font-weight:bold; margin:20px 0 0 85px;}

.zx a:hover{background:#000;}





/*case*/

.casebox{width:100%; overflow:hidden; margin:40px auto;}

.case{height:420px; position:relative; margin-top:30px;}

.case_1{position:absolute; top:0; left:0;}

.case_2{position:absolute; top:0; left:590px;}

.case_3{position:absolute; top:0; right:0;}

.case_4{position:absolute; bottom:0; left:590px;}

.case_5{position:absolute; bottom:0; right:0;}

.con{

	width: 278px;

	height: 198px;

	/*position: relative;*/

	cursor: pointer;

	border:1px solid #a6a6a6;

	/*padding:3px;*/

	overflow:hidden;

}

.conimg{

	width: 278px;

	height: 198px;

}

.txt{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 45px;

	line-height: 45px;

	text-align: center;

	color: #fff;

	background: url(../images/ico1.png);

}

.txt h3 a{

	font-weight: normal; color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:90%; margin:0 auto;

}

.txt h3 a:hover{text-decoration:underline;}

.case_1{

	width: 558px;

	height: 418px;

	float: left;

	/*position: relative;*/

	cursor: pointer;

	border:1px solid #a6a6a6;

	/*padding:3px;*/

	overflow:hidden;

}

.con.case_1 img{

	width:558px;

	height:418px;

}





/*about*/

.aboutbox{width:1180px; margin:0 auto; height:480px; overflow:hidden;}

.about_left{width:432px; float:left; height:480px; overflow:hidden; background:url(../images/about.jpg) no-repeat center; position:relative;}

.about_bt{font-size:24px; color:#333333; text-align:right; position:absolute; right:120px; top:140px; line-height:35px;}

.about_tel{background:url(../images/about_tel.jpg) no-repeat left top; padding:10px 0 0 35px; font-size:18px; position:absolute; top:250px; left:50px; line-height:45px;}

.about_tel b{font-size:36px;}

.about_an{position:absolute; top:380px; left:50px;}

.about_an a{display:block; width:130px; height:40px; background:url(../images/about_an.jpg) no-repeat center; color:#fff; font-size:18px; letter-spacing:2px; text-align:center; line-height:40px; float:left; margin-right:30px; font-weight:bold;}

.about_an a:hover{background:url(../images/about_an_hover.jpg) no-repeat center;}



.about_right{width:690px; float:right;}

.about{width:100%; height:230px; overflow:hidden;}

.about h3 a{border-top:2px solid #333333; line-height:55px; height:55px; color:#333333; font-size:24px;}

.about_text{width:100%; height:170px; overflow:hidden; line-height:21px; text-indent:2em;}



.about_tu{width:100%; height:215px; overflow:hidden; margin-top:20px;}

/* 连续滑动门开始 */

.box1 {width:690px;position:relative;}

.box1 ul {margin:0 auto;}

.box1 li {float:left;width:230px;margin-right:20px;text-align:center; height:260px; overflow:hidden;}

.box1 li img {width:220px;height:180px; border:1px solid #b2b2b2; padding:4px;}

.box1 li a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;font-size:14px;}





/*客户见证*/

.jzbox{width:100%; overflow:hidden; margin:40px auto;}



/* 产品特效2 */

.box{width:1250px;margin:0 auto;padding-top:30px;height:340px;}

.border_animation{border:1px solid #bfbfbf;width:258px;height:338px;float:left;margin-right:46px;position:relative;}

.border_animation .border_top{

	position:absolute;height:1px;width:0;font-size:0;background:#ce000c;top:0;left:0;

	-webkit-transition:all 0.5s ease-out;

	-o-transition:all 0.5s ease-out;

	transition:all 0.5s ease-out;

}

.border_animation .border_right{

	position:absolute;height:0px;width:1px;font-size:0;background:#ce000c;bottom:0;right:0;

	-webkit-transition:all 0.5s ease-out;

	-o-transition:all 0.5s ease-out;

	transition:all 0.5s ease-out;

}

.border_animation .border_bottom{

	position:absolute;height:1px;width:0px;font-size:0;background:#ce000c;right:0;bottom:0;

	-webkit-transition:all 0.5s ease-out;

	-o-transition:all 0.5s ease-out;

	transition:all 0.5s ease-out;

}

.border_animation .border_left{

	position:absolute;height:0px;width:1px;font-size:0;background:#ce000c;left:0;top:0;

	-webkit-transition:all 0.5s ease-out;

	-o-transition:all 0.5s ease-out;

	transition:all 0.5s ease-out;

}

.box .hover .border_top,.box .hover .border_bottom{width:260px}

.box .hover .border_left,.box .hover .border_right{height:340px}



.xd{text-align:center;}

.xd img{border:1px solid #bfbfbf; margin-top:14px;}

.xd h3 a{width:230px; margin:0 auto; height:30px; line-height:30px; color:#000;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.xd p{width:230px; margin:0 auto; height:80px; line-height:20px; text-indent:2em; overflow:hidden;}

.xd a:hover{text-decoration:underline; color:#ce000c;}



/*new*/

.newbox{margin:40px auto;}

/*faq*/

.faqbox{width:330px; float:left;}

.faqbox h3{height:50px; overflow:hidden;}

.faqbox h3 b a{display:block; width:150px; height:50px; line-height:50px; background:#000; color:#fff; text-align:center; float:left; font-size:18px;}

.faqbox h3 span a{line-height:60px; font-size:14px; float:right; font-weight:normal;}



.faq{background:#f2f2f2; height:340px; padding:20px 0;}

/* 向上滚动 */

.marqueetop {width:300px;height:340px; overflow:hidden; margin:0 auto;}

.faq-l {margin-bottom:20px;clear:both;overflow:hidden;}

.faq-l .faq-w span{width: 20px;height: 20px;line-height:20px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:#000; color:#fff; font-weight:bold;}

.faq-l .faq-d span{clear:both;color:#fff;width: 20px;height: 20px;line-height:20px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:#808080;font-weight:bold;}

.faq-l .faq-w p {float:right;line-height: 20px;width: 270px;margin:0;color: #333;font-size: 14px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.faq-l .faq-d p {float:right;width: 270px;height:80px;line-height:25px;margin:0;color: #333;overflow:hidden;}



/*new*/

.new_box{width:810px; float:right;}

/*滑动门*/

#tab1{width:100%;position:relative;}

.new_more{position:absolute; top:15px; right:0px;}

#tab1 .tab1_menu{width:100%;float:left;/*position:absolute;*/z-index:1; height:50px; overflow:hidden;}

#tab1 .tab1_menu li a{float:left;

	width:150px;

	height:50px;

	line-height:50px;

	display:block;

	font-size:16px;

	text-align:center;

	background:#d9d9d9;

	color:#000;

	font-size:18px; font-weight:bold;

}

#tab1 .tab1_box{width:100%;

	height:380px;

	overflow:hidden;

	clear:both;

	/*top:50px;

	position:relative;*/

	background:#f2f2f2;

}

#tab1 .tab1_menu .selected a{background:#000; display:block; color:#fff;cursor:pointer;}

#tab1 .hide{display:none;}

#new{width:745px; margin:0 auto; padding:40px 0;} 



.new_nr{width:100%; overflow:hidden; height:170px; padding-bottom:15px; border-bottom: 1px dotted #999999;}

.new_nr img{float:left;}

.new_text{width:385px; float:right;}

.new_text h3{line-height:30px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.new_text p{height:80px; overflow:hidden; line-height:26px; text-indent:2em; margin:10px auto;}

#new ul{width:800px; margin-top:15px;}

#new ul li{line-height:36px; height:36px; border-bottom:1px dotted #999999; width:210px; background:url(../images/new_x.jpg) no-repeat left center; padding-left:20px; float:left; margin-right:25px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}





/*link*/

.link-box{ width:100%;  border-top:1px solid #b2b2b2; overflow:hidden; margin:0 auto;}

.link{ width:1180px; line-height:30px; overflow:hidden; margin:10px auto;}

.link h3{float:left; font-size:18px; color:#000;}

.link a{ margin:0 15px;}







</pre></body></html>